<template>
  <div class="box">
    <div class="text">暂未开发，敬请期待！</div>
  </div>
</template>

<script>
export default {
  name: "NotDevelopedView",
};
</script>

<style scoped>
.box {
  width: 100%;
  height: 100%;
  /*background: linear-gradient(to right, blue, pink);*/
  background: linear-gradient(to left, lime 28px, greenyellow 77%, cyan);
  display: grid;
  justify-content: center;
  align-items: center;
}
.text {
  font-size: 60px;
  font-weight: bolder;
  /*color: #fff;*/
  /*box-shadow: 0 0 2px rebeccapurple;*/
  animation: move infinite 2s;
}
@keyframes move {
  0% {
    font-size: 30px;
    color: greenyellow;
  }
  50% {
    color: darkorange;
    font-size: 100px;
  }
  100% {
    font-size: 40px;
    color: greenyellow;
  }
}
</style>
